<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户个人信息修改</title>
    <link rel="stylesheet" href="../../layui/css/layui.css"  />
    <link rel="stylesheet" type="text/css" href="../../css/detailbox.css">

    <script src="../../layui/layui.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>


<body>


<ul class="layui-nav">
    <li class="layui-nav-item">
        <a href="${pageContext.request.contextPath}/book/first">主页<span class="layui-badge-dot"></span></a>
    </li>
    <li class="layui-nav-item">
        <a href="${pageContext.request.contextPath}/shopCar">我的购物车<span class="layui-badge-dot"></span></a>
    </li>
    <li class="layui-nav-item">
        <a href="${pageContext.request.contextPath}/userAllOrder">我的订单<span class="layui-badge-dot"></span></a>
    </li>
    <li class="layui-nav-item" lay-unselect="">
        <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">个人中心</a>
        <dl class="layui-nav-child">
            <dd><a href="${pageContext.request.contextPath}/toUpdateUserInfor">修改信息</a></dd>
            <dd><a href="${pageContext.request.contextPath}/toUpdataPassword">修改密码</a></dd>
            <dd><a href="${pageContext.request.contextPath}/logout">注销</a></dd>
        </dl>
    </li>
</ul>
<%--<div  style="display: inline-block">--%>
<%--<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;padding: 0px;">--%>
<%--    <li class="layui-nav-item layui-nav-itemed">--%>
<%--        <a href="javascript:;">默认展开</a>--%>
<%--        <dl class="layui-nav-child">--%>
<%--            <dd><a href="javascript:;">选项一</a></dd>--%>
<%--            <dd><a href="javascript:;">选项二</a></dd>--%>
<%--            <dd><a href="javascript:;">选项三</a></dd>--%>
<%--            <dd><a href="">跳转项</a></dd>--%>
<%--        </dl>--%>
<%--    </li>--%>
<%--    <li class="layui-nav-item">--%>
<%--        <a href="javascript:;">解决方案</a>--%>
<%--        <dl class="layui-nav-child">--%>
<%--            <dd><a href="">移动模块</a></dd>--%>
<%--            <dd><a href="">后台模版</a></dd>--%>
<%--            <dd><a href="">电商平台</a></dd>--%>
<%--        </dl>--%>
<%--    </li>--%>
<%--    <li class="layui-nav-item"><a href="">云市场</a></li>--%>
<%--    <li class="layui-nav-item"><a href="">社区</a></li>--%>
<%--</ul>--%>
<%--</div>--%>

<%--&lt;%&ndash;<div style="display: inline-block">&ndash;%&gt;--%>
<%--<ul class="layui-nav" lay-bar="disabled">--%>
<%--    <li class="layui-nav-item">--%>
<%--        <a href="">带徽章<span class="layui-badge"></span></a>--%>
<%--    </li>--%>
<%--    <li class="layui-nav-item">--%>
<%--        <a href="">小圆点<span class="layui-badge-dot"></span></a>--%>
<%--    </li>--%>
<%--    <li class="layui-nav-item" lay-unselect="">--%>
<%--        <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img"></a>--%>
<%--        <dl class="layui-nav-child">--%>
<%--            <dd><a href="javascript:;">子级菜单</a></dd>--%>
<%--            <dd><a href="javascript:;">横线隔断</a></dd>--%>
<%--            <hr>--%>
<%--            <dd style="text-align: center;"><a href="">退出</a></dd>--%>
<%--        </dl>--%>
<%--    </li>--%>
<%--</ul>--%>

<%--    <div style="display: inline-block">--%>
<%--<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;display: inline-block;margin-right: 30px">--%>
<%--    <li class="layui-nav-item layui-nav-itemed">--%>
<%--        <a href="javascript:;">默认展开</a>--%>
<%--        <dl class="layui-nav-child">--%>
<%--            <dd><a href="javascript:;">选项一</a></dd>--%>
<%--            <dd><a href="javascript:;">选项二</a></dd>--%>
<%--            <dd><a href="javascript:;">选项三</a></dd>--%>
<%--            <dd><a href="">跳转项</a></dd>--%>
<%--        </dl>--%>
<%--    </li>--%>
<%--    <li class="layui-nav-item">--%>
<%--        <a href="javascript:;">解决方案</a>--%>
<%--        <dl class="layui-nav-child">--%>
<%--            <dd><a href="">移动模块</a></dd>--%>
<%--            <dd><a href="">后台模版</a></dd>--%>
<%--            <dd><a href="">电商平台</a></dd>--%>
<%--        </dl>--%>
<%--    </li>--%>
<%--    <li class="layui-nav-item"><a href="">云市场</a></li>--%>
<%--    <li class="layui-nav-item"><a href="">社区</a></li>--%>
<%--</ul>--%>
<%--&lt;%&ndash;</div>&ndash;%&gt;--%>




<%--    <div class="row clearfix">--%>
<%--        <div class="col-md-12 column">--%>
<%--            <div class="page-header">--%>
<%--                <h1>--%>
<%--                    <small>修改信息</small>--%>
<%--                </h1>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </div>--%>

<div style="border:1px solid #bfd1eb;background:#f3faff;height: 500px;width: 900px;margin-left: 150px">
    <form action="${pageContext.request.contextPath}/UpdateUserInfor" method="post" class="layui-form" >
        <%--        出现问题  修改失败 缺少id--%>
        <%--        前端隐藏域--%>
<div style="display: inline-block;background: #1AA4CA;width: 200px;height: 500px"><img style="height: 500px;width: 400px" src="../../images/bookgirl2.jpg"></div>
<div style="height: 500px;width: 500px;background: #a6e1ec;float: right ;font-size: larger;color: #0a74cb">
        <input type="hidden" name="userId" value="${Quser.userId}">
        <input type="hidden" name="password" value="${Quser.password}">
        <div class="form-group" style="margin-left: 50px;margin-top: 30px">
            <label>用户名称</label>
            <input  style="width: 400px" type="text" class="form-control" name="userName" value="${Quser.userName}" required>
        </div>
        <div class="form-group" style="margin-left: 50px">
            <label>用户专业</label>
            <input style="width: 400px" type="text" class="form-control" name="userPro" value="${Quser.userPro}" required>
        </div>
        <div class="form-group" style="margin-left: 50px">
            <label>用户年级</label>
            <input style="width: 400px" type="text" class="form-control" name="userGrade" value="${Quser.userGrade}">
        </div>
        <div class="form-group" style="width: 100px;margin-left: 200px">
            <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm"  value="修改" onclick="fun()"     id="triggerBtn"><i class="layui-icon">修改</i></button>
<%--            <button type="submit" class="form-control" value="修改"  id="triggerBtn">修改</button>--%>
        </div>

</div>




    </form>

</div>


        <script>
            function fun() {

                alert("用户修改信息成功!");

            }

            //注意：折叠面板 依赖 element 模块，否则无法进行功能性操作
            layui.use('element', function(){
                var element = layui.element;

                //…
            });
        </script>

</body>
</html>